Skip to main content

Making WYSIWIG fields smaller

We often want to make the ACF WYSIWIG fields smaller. To add a CSS class (which makes the field smaller) to an ACF (Advanced Custom Fields) WYSIWYG (What You See Is What You Get) field in the ACF admin, you can use the 'wrapper' argument when creating the field group. This argument allows you to specify a custom HTML wrapper for the field, which you can use to add a CSS class.

  • Log in to your WordPress site as an administrator.
  • Go to "Custom Fields" > "Add New" in the WordPress dashboard.
  • Click the "Add Field" button.
  • Enter a label and field name for the WYSIWYG field.
  • Select "WYSIWYG" from the "Field Type" dropdown.
  • In the "Wrapper" section, enter the following in the "Classes" field: textarea-small.
  • Click the "Publish" button to create the field.

Again, the CSS class to use is textarea-small